<template>
  <div class="mind-map-header-warpper">
    <el-button @click="addSameNode">新增同级节点</el-button>
    <el-button @click="addChildNode">新增子级节点</el-button>
    <el-button @click="save">保存</el-button>
    <el-button @click="exportPdf">导出</el-button>
  </div>
</template>
<script setup lang="ts">
defineOptions({
  name: 'MindMapHeader',
});
const emits = defineEmits(['addSameNode', 'addChildNode', 'save', 'exportPdf']);
const addSameNode = () => {
  emits('addSameNode');
};

const addChildNode = () => {
  emits('addChildNode');
};
const save = () => {
  emits('save');
};
const exportPdf = () => {
  emits('exportPdf');
};
</script>
<style lang="scss" scoped>
.mind-map-header-warpper {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #dadce0;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
</style>
